import React, { Component } from 'react';

class Child2 extends Component {
    render() {
        console.log('child2-render');
        return (
            <div>
                child2 组件薪水为 {this.props.salary2}
            </div>
        );
    };
    shouldComponentUpdate(props, state) {
        // console.log('shouldComponentUpdate');
        //语法:  是否需要更新当前组件,执行render
        //特点1: 该生命周期 在render 之前执行, 只有更新的执行,初始化不执行
        //特点2: 必须有返回值, 当返回值为ture 则渲染执行, 返回false 则不再向下走执行render
        //特点3: 一般作为性能优化使用  
        // 根据props;传递的参数进行判断
        // console.log(props, this.props);
        // props参数 为最新的传递的props 参数对象
        // this.props 为上一次传递的props 参数对象
        if (this.props.salary2 == props.salary2) {
            // 说明当前的参数没有更新,所以不需要执行render
            return false
        } else {
            return true
        }
    }
}

export default Child2;
